<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>UserInfoPop</title>
  <link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>

  <div class="layui-container" style="width: 350px; height: 400px; background: #4D4B4B; ; padding: 0">

    <!--上-->
    <div class="layui-row" style="padding: 2%; background: #FFFFFF">
      <div class="layui-col-xs6" style="background-color: #FFFFFF;">
        <a style="float: left">123</a>
      </div>
      <div class="layui-col-xs6" style="background-color: #FFFFFF">
        <p style="float: right">123</p>
      </div>
    </div>

    <!--中-->
    <div class="layui-row" style="background-color: #FFFFFF; ">
      <div class="layui-col-xs4" style="text-align: center; padding: 5%;
       border-right:0.5px solid #9F9F9F">
        123111111
      </div>
      <div class="layui-col-xs4" style=" text-align: center; padding: 5%;
       border-right:0.5px solid #9F9F9F">
        1111111
      </div>
      <div class="layui-col-xs4" style=" text-align: center; padding: 5%;">
        123
      </div>
    </div>


    <!-- 下 -->
    <div class="layui-row" style="padding: 13px">

      <div class="layui-col-xs4" style="background-color: #92B8B1; text-align: center; padding: 1%;
       border-right:0.5px solid #9F9F9F">
        尊享
      </div>
    </div>

    <div class="layui-row" style="padding: 0">
      <div class="layui-col-xs3" style="background-color: #92B8B1; text-align: center; margin: 0 13px;
       border-right:0.5px solid #9F9F9F">
        尊享
      </div>
      <div class="layui-col-xs3" style="background-color: #92B8B1; text-align: center; margin: 0 13px;
       border-right:0.5px solid #9F9F9F">
        尊享
      </div>
      <div class="layui-col-xs3" style="background-color: #92B8B1; text-align: center; margin: 0 13px;
       border-right:0.5px solid #9F9F9F">
        尊享
      </div>
    </div>

    <div class="layui-row" style="margin-top: 13px" >
      <div class="layui-col-xs3" style="background-color: #92B8B1; text-align: center; margin: 0 13px;
       border-right:0.5px solid #9F9F9F">
        尊享
      </div>
      <div class="layui-col-xs3" style="background-color: #92B8B1; text-align: center; margin: 0 13px;
       border-right:0.5px solid #9F9F9F">
        尊享
      </div>
      <div class="layui-col-xs3" style="background-color: #92B8B1; text-align: center; margin: 0 13px;
       border-right:0.5px solid #9F9F9F">
        尊享
      </div>
    </div>

    <div class="layui-row" style="margin-top: 13px" >
      <div class="layui-col-xs3" style="background-color: #92B8B1; text-align: center; margin: 0 13px;
       border-right:0.5px solid #9F9F9F">
        尊享
      </div>
      <div class="layui-col-xs3" style="background-color: #92B8B1; text-align: center; margin: 0 13px;
       border-right:0.5px solid #9F9F9F">
        尊享
      </div>
      <div class="layui-col-xs3" style="background-color: #92B8B1; text-align: center; margin: 0 13px;
       border:0.5px solid #FFFFFF; border-radius: 10px">
        尊享
      </div>
    </div>

    <div style="text-align: center; margin-top: 13px">
      123123
    </div>
    <div style="text-align: center; ">
      123123
    </div>


  </div>

</body>
</html>
